<template>
	<view class="add_box">
		<bottom-rect type="normal"></bottom-rect>
		<!-- 顶部导航 -->
		<navigate-top-bar class="navigate_top_bar"></navigate-top-bar>
		<!-- 底部内容表单 -->
		<my-form></my-form>
	</view>
</template>

<script>
	import bottomRect from '@/components/bottomRect/bottomRect.vue'
	import navigateTopBar from '@/components/navigateTopBar/navigateTopBar.vue'
	import myForm from '../../components/myForm/myForm.vue'

	import {
		mapState
	} from 'vuex'

	export default {
		name: 'add',
		components: {
			bottomRect,
			navigateTopBar,
			myForm
		},
		data() {
			return {

			}
		},
		computed: {
			// 映射状态管理的state
			...mapState({
				// 当前第一大类的选择状态
				first_category_index: state => state.first_category_index,
				// 当前第二大类的选择状态
				second_category_index: state => state.second_category_index,
			})
		},
		methods: {},
	}
</script>

<style scoped lang="scss">
	.add_box {
		display: flex;
		flex-direction: column;
		align-items: center;

		.navigate_top_bar {
			margin-top: -90rpx;
			margin-bottom: 30rpx;
		}
	}
</style>
